<template>
  <div>
    <image class="intruduceimg" src="/static/images/introduce1.png" />
    <i-grid>
      <i-grid-item>
        <i-grid-icon>
          <i-icon type="addressbook_fill" size="45" color="#b3d4db"/>
        </i-grid-icon>
        <i-button @click="handleClick" type="ghost" shape="circle" size="large">主席团</i-button>
      </i-grid-item>

      <i-grid-item>
      <i-grid-icon>
        <i-icon type="computer_fill" size="45" color="#b3d4db"/>
      </i-grid-icon>
      <i-button @click="handleClick"  type="ghost" shape="circle" size="large">办公室</i-button>
      </i-grid-item>

      <i-grid-item>
        <i-grid-icon>
          <i-icon type="group_fill"  size="45" color="#b3d4db"/>
        </i-grid-icon>
        <i-button @click="handleClick"  type="ghost" shape="circle" size="large">秘书处</i-button>
      </i-grid-item>
</i-grid>

    <i-grid>
      <i-grid-item>
        <i-grid-icon>
          <i-icon type="shop_fill"  size="45" color="#b3d4db"/>
        </i-grid-icon>
        <i-button @click="handleClick"  type="ghost" shape="circle" size="large">综合管理部</i-button>
      </i-grid-item>

      <i-grid-item>
        <i-grid-icon>
          <i-icon type="translation_fill"  size="45" color="#b3d4db"/>
        </i-grid-icon>
        <i-button @click="handleClick"  type="ghost" shape="circle" size="large">宣传部</i-button>
      </i-grid-item>

      <i-grid-item>
        <i-grid-icon>
          <i-icon type="camera_fill"  size="45" color="#b3d4db"/>
        </i-grid-icon>
        <i-button @click="handleClick"  type="ghost" shape="circle" size="large">新闻采编部</i-button>
      </i-grid-item>

    </i-grid>

    <i-grid>
      <i-grid-item>
        <i-grid-icon>
          <i-icon type="message_fill"  size="45" color="#b3d4db"/>
        </i-grid-icon>
        <i-button @click="handleClick"  type="ghost" shape="circle" size="large">外联部</i-button>
      </i-grid-item>

      <i-grid-item>
        <i-grid-icon>
          <i-icon type="like_fill" size="45" color="#b3d4db"/>
        </i-grid-icon>
        <i-button @click="handleClick"  type="ghost" shape="circle" size="large">公益部</i-button>
      </i-grid-item>

      <i-grid-item>
        <i-grid-icon>
          <i-icon type="task_fill" size="45" color="#b3d4db"/>
        </i-grid-icon>
        <i-button @click="handleClick"  type="ghost" shape="circle" size="large">策划部</i-button>
      </i-grid-item>
    </i-grid>


  </div>
</template>

<script>
export default {
  components: {},
  name: '',
  data() {
    // 注意：data即使不需要传数据，也必须return,否则会报错
    return {}
  },
      methods: {
      handleClick(){
        wx.navigateTo({
          url: `/pages/club/clubdetail/main`
        });
      }

  }
}
</script>
<style>
.intruduceimg{
  /*display:flex;*/
  /*align-items: center;*/
  /*justify-content: center;*/
  display:block;
  margin:0 auto;

}
</style>
